/*
 * @Author: zxf 
 * @Date: 2017-08-15 15:16:21 
 * @Last Modified by:   zxf 
 * @Last Modified time: 2017-09-25 10:11:21 
 */

$root_font_size:100;
@mixin fontSize($initSize:$root_font_size) {
    font-size: ($initSize/$root_font_size)*1rem;
}
@function toRem($pxSize) {
    @return ($pxSize/$scaleNum)/$root_font_size*1rem;
}

@function toHorPercent($pxSize) {
    @return ($pxSize/$pageW)*100%;
}

@function toTopPercent($pxSize, $sectionHeight) {
    @return ($pxSize/$sectionHeight)*100%;
}

@mixin transitionFun($duration, $delay) {
    -webkit-transition: all $duration ease $delay;
    -moz-transition: all $duration ease $delay;
    -ms-transition: all $duration ease $delay;
    -o-transition: all $duration ease $delay;
    transition: all $duration ease $delay;
}

@mixin animationFun($name, $duration, $function, $delay) {
    -webkit-animation-name: $name;
    -moz-animation-name: $name;
    -o-animation-name: $name;
    animation-name: $name;
    -webkit-animation-duration: $duration;
    -moz-animation-duration: $duration;
    -o-animation-duration: $duration;
    animation-duration: $duration;
    -webkit-animation-timing-function: $function;
    -moz-animation-timing-function: $function;
    -o-animation-timing-function: $function;
    animation-timing-function: $function;
    -webkit-animation-delay: $delay;
    -moz-animation-delay: $delay;
    -o-animation-delay: $delay;
    animation-delay: $delay;
}
